<script setup>
import { readonly } from 'vue';
// readonly：用来定义只读数据，如果改变其值会有一个警告告诉你无法修改
let obj = readonly({
  name: '涛涛'
})

function addCount () {
  obj.name = '小涛涛'
}

</script>

<template>
  <div>
    <h1>{{ obj.name }}</h1>


    <button @click="addCount">点击修改 name</button>
  </div>
</template>

